// sidebar
$menuText: #f0efef;
$menuActiveText: rgb(8, 55, 99);
$subMenuActiveText: rgb(8, 55, 99);
$menuBg: #5496ec;
$menuHover: #558dd1;
$subMenuBg: #3e84d4;
$subMenuHover: #558dd1;
$sideBarWidth: 210px;
$infoText: #909399;
$successText: #67c23a;
$warningText: #e6a23c;
$dangerText: #f56c6c;
$primaryText: #398de0;
// 普通按钮
$btn-main-color: #007aeb; // 按钮主色调
$btn-hover-color: #2697f4; // 按钮hover色调
$btn-active-color: #0071d9; //按钮active色调
$btn-disabled-color: #92ceff; // 按钮diaabled的色调
// 警告按钮
$btn-main-warning-color: #ee5d39;
$btn-hover-warning-color: #ff6e4b;
$btn-active-warning-color: #e15735;
$btn-disabled-warning-color: #f9c1b5;
// 文字按钮
$btn-text-main-color: #212b36; // 文字按钮主色调
$btn-text-hover-color: #084e8a; // 文字按钮hover & focus色调
// 表格行hover颜色
$table-row-hover-color: #f5f7fa;
$line-split-color: #c5c8ca; // 分割线
$disc-gray-color: #e2e2e2; // 灰色色块
$main-bg-color: rgba(248, 248, 250, 1); // 背景主色调
$default-bg-color: #ffffff; // 白色背景色
// 字体相关
$level1-font-color: #0d1c28;
$level2-font-color: #45484b;
$level3-font-color: #727475;
// 消息提示颜色规范
$Msg-success: #2ecc71;
$Msg-warning: #f39c12;
$Msg-error: #e74c3c;
$Msg-info: #34495e;
// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
    menuText: $menuText;
    menuActiveText: $menuActiveText;
    subMenuActiveText: $subMenuActiveText;
    menuBg: $menuBg;
    menuHover: $menuHover;
    subMenuBg: $subMenuBg;
    subMenuHover: $subMenuHover;
    sideBarWidth: $sideBarWidth;
}